<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                >
    <f:view contentType="text/html">
        <h:head>
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/assets/themes/aristo/skin.css" /> 
        </h:head>
        <h:form style="font-size: 10px">
            <h:panelGrid columns="1" width="100%">
                <p:panel style="width: 100%">
                    <h:panelGrid columns="14">
                        <h:outputText value="Product No." style="font-weight: bold"></h:outputText>
                        <h:inputText/>
                        <p:spacer width="30"/>

                        <h:outputText value="Model" style="font-weight: bold"></h:outputText>
                        <h:selectOneMenu>
                            <f:selectItem itemValue="Any"/>
                            <f:selectItem itemValue="ModelA"/>
                            <f:selectItem itemValue="ModelB"/>
                        </h:selectOneMenu>


                        <p:spacer width="30"/>

                        <h:outputText value="Batch" style="font-weight: bold"></h:outputText>
                        <h:selectOneMenu>
                            <f:selectItem itemValue="Any"/>
                            <f:selectItem itemValue="Batch1"/>
                            <f:selectItem itemValue="Batch2"/>
                        </h:selectOneMenu>                                        

                        <p:spacer width="30"/>

                        <h:outputText value="Operation" style="font-weight: bold"></h:outputText>
                        <h:selectOneMenu>
                            <f:selectItem itemValue="Any"/>
                            <f:selectItem itemValue="Operation1"/>
                            <f:selectItem itemValue="Operation2"/>
                        </h:selectOneMenu>                 


                        <p:spacer width="30"/>

                        <h:outputText value="Cell" style="font-weight: bold"></h:outputText>
                        <h:selectOneMenu>
                            <f:selectItem itemValue="Any"/>
                            <f:selectItem itemValue="Line1"/>
                            <f:selectItem itemValue="Line2"/>
                        </h:selectOneMenu>                 


                        <h:outputText value="Shift" style="font-weight: bold"></h:outputText>
                        <h:selectOneMenu>
                            <f:selectItem itemValue="Any"/>
                            <f:selectItem itemValue="ShiftA"/>
                            <f:selectItem itemValue="ShiftB"/>
                        </h:selectOneMenu>                 
                        <p:spacer width="30"/>


                        <h:outputText value="From Date" style="font-weight: bold"></h:outputText>
                        <p:calendar  showOn="button" size="12"/> 
                        <p:spacer width="30"/>
                        <h:outputText value="To Date" style="font-weight: bold"></h:outputText>
                        <p:calendar  showOn="button" size="12"/> 

                        <p:spacer width="30"/>
                        <h:outputText value="Defect" style="font-weight: bold"></h:outputText>
                        <h:selectOneMenu>
                            <f:selectItem itemValue="Any"/>
                            <f:selectItem itemValue="DefectA"/>
                            <f:selectItem itemValue="DefectB"/>
                        </h:selectOneMenu>                 


                    </h:panelGrid>
                    <p:spacer width="20"/>
                    <h:panelGrid style="text-align: center;width: 80%" columns="2">
                        <p:panel style="border-style: none">
                            <p:button value="Trace"/>
                            <p:button value="Clear"/>
                        </p:panel>
                    </h:panelGrid>

                </p:panel>

                <p:panel>
                    <p:dataTable  paginator="true" rows="10"  
                                  selectionMode="single" paginatorPosition="bottom"
                                  paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}{RowsPerPageDropdown}"  
                                  rowsPerPageTemplate="5,10,15" style="font-size: 12px">
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Product No." />
                            </f:facet>
                            <h:outputText value="#{car.model}" />
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Operation" />
                            </f:facet>
                            <h:outputText value="#{car.year}" />
                        </p:column>

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Processed Time" />
                            </f:facet>
                            <h:outputText value="#{car.manufacturer}" />
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Defect Info" />
                            </f:facet>
                            <h:outputText value="#{car.manufacturer}" />
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Inspection Info" />
                            </f:facet>
                            <h:outputText value="#{car.manufacturer}" />
                        </p:column>
                    </p:dataTable>    
                </p:panel>

            </h:panelGrid>

        </h:form>    
    </f:view>
</ui:composition>